<template>
	<view class="CardBalance">
		<text>{{prop.key||'卡内余额'}}</text>
		<text v-if="prop.money">￥{{ prop.money }}.00</text>
		<text v-else>暂无余额</text>
	</view>
</template>

<script setup>
	import {
		hospitalizationMsgCard
	} from '@/api/TopUpService'
	import {
		reactive,
		onMounted
	} from 'vue'
	const prop = defineProps(['money', 'key'])
	const Data = reactive({

	})
	onMounted(() => {

	})
</script>

<style lang="less" scoped>
	.CardBalance {
		width: 680rpx;
		height: 110rpx;
		border-radius: 10rpx;
		border: 1px solid #f2f2f2;
		margin: 40rpx auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0 30rpx;
		box-sizing: border-box;
		font-weight: 600;
	}
</style>
